<template>
  <div class="table-ctrl-body">
    <!--{{tableHtml}}-->
    <!--按钮组-->
    <div class="Btns-ctrl-body">
      <div class="search-ctrl f-l" >

        <form style="height: 100%;">
          <input placeholder="搜索关键字" class="search-text">
          <button class="search-btn btn btn-info" type="button">搜索</button>
        </form>

      </div>
      <div class="btns f-r">
        <button type="button" class="btn">按钮</button>
      </div>
    </div>
    <!--按钮组闭合-->
    <!--表格组-->
    <div class="table-ctrl">
      <!--表格头-->
      <div class="table-header">
        <table class="table-default">
          <thead>
          <tr>
            <th >
             每一项
            </th>
            <th >
              每一项
            </th>
            <th >
              每一项
            </th>
            <th >
              每一项
            </th>
            <th >
              每一项
            </th>
          </tr>
          </thead>
        </table>
      </div>

      <!--表格中部-->
      <div class="table-overflowX">
        <table class="table-default">

          <tbody>
          <tr>
            <td>
              每一项
            </td>
            <td>
              每一项
            </td>
            <td>
              每一项
            </td>
            <td>
              每一项
            </td>
            <td>
              每一项
            </td>
          </tr>
          </tbody>
        </table>
      </div>

      <!--表格翻页-->
      <!--<Pages v-if="tableRowHtml" :showItem="10" :pageSize="20" :allDataSum="tableRowHtml.data.elementsSum" :allpage="(Math.ceil(tableRowHtml.data.elementsSum/20))" @current-change="tablePageData"></Pages>-->

    </div>

    <!--提示框-->
    <!--<Dialog @SubmitDialogBtn="SubmitDialog" @dialog-close="dialogClose" :dialogInit="dialogInit" :dialogIsShow="dialogIsShow"></Dialog>-->

    <!--模态窗新增-修改-->
    <!--<ModalWindow :initModalHtml="modalData" :isShowModal="isShowModal" @modal-close="modalClose"></ModalWindow>-->


  </div>
</template>

<script>
  import Dialog from "../dialog/Dialog"
  import ModalWindow from "../modalWindow/ModalWindow"
  import Pages from "../sudoku/atom/pages"
  import ModalQuery from "../modalWindow/ModalQuery"
  export default {

    name: "TreeTableH",
    props: {
      tableHtml: {
        type: Object
      },
      tableRowHtml: {
        type: Object
      }
    },
    data() {
      return {

      }
    },

    components: {
      Dialog,
      ModalWindow,
      Pages,
      ModalQuery
    },

  }
</script>

<style scoped>
  .fadeInDown,
  .fadeOutUp {
    animation-duration: .500s;
  }
</style>
